<section class="vbox">
    <section class="w-f-md scrollable">
        <div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0" data-size="10px" data-railOpacity="0.2">



            <!-- nav -->
            <nav class="nav-primary hidden-xs">
                <ul class="nav bg clearfix">
                    <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
                        导航列表
                    </li>
                    <li>
                        <a href="/">
                            <i class="icon-home icon text-success"></i>
                            <!--<img src="/static/images/index.png">-->
                            <span class="font-bold">主页</span>
                        </a>
                    </li>
                    <li>
                        <a href="/allMember/all/1">
                            <i class="icon-user icon text-info"></i>
                            <span class="font-bold">所有成员</span>
                        </a>
                    </li>
                    <li>
                        <a href="/search">
                            <i class="icon-magnifier icon text-primary-lter"></i>
                            <span class="font-bold">成员搜索</span>
                        </a>
                    </li>
                    <li>
                        <a href="/group">
                            <i class="icon-grid icon  text-info-dker"></i>
                            <span class="font-bold">各组现状</span>
                        </a>
                    </li>
                    <li>
                        <a href="/history">
                            <i class="icon-rocket icon  text-info-dker"></i>
                            <span class="font-bold">发展历史</span>
                        </a>
                    </li>
                    <li>
                        <a href="/aboutus">
                            <i class="icon-cup icon  text-info-dker"></i>
                            <span class="font-bold">关于我们</span>
                        </a>
                    </li>
                    <li class="m-b hidden-nav-xs"></li>
                </ul>

            </nav>
            <!-- / nav -->
        </div>
    </section>

    #if(name)
    <footer style="min-height: inherit;" class="footer hidden-xs no-padder text-center-nav-xs">
        <div class="bg hidden-xs ">
            <div class="dropdown dropup wrapper-sm clearfix">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      <span class="thumb-sm avatar pull-left m-l-xs">
                        <img src="/static/upload/img/${name.m_headPortrait}" class="dker" alt="...">
                        #if(news.size()>0)<i class="on b-black"></i>#end
                      </span>
                    <span class="hidden-nav-xs clear">
                        <span class="block m-l">
                          <strong class="font-bold text-lt">${name.m_realname}</strong>
                          <b class="caret"></b>
                        </span>
                      </span>
                </a>
                <ul class="dropdown-menu animated fadeInRight aside text-left">
                    <li>
                        <span class="arrow bottom hidden-nav-xs"></span>
                        <a href="/users/${name.m_id}">个人中心</a>
                    </li>
                    <li>
                        <a href="/updatePassword">修改密码</a>
                    </li>
                    <li>
                        <a href="/news">
                            #if(news.size()>0)
                            <span class="badge bg-danger pull-right">${news.size()}</span>
                            #else
                            <span class="badge bg-default pull-right">0</span>
                            #end
                            通知
                        </a>
                    </li>
                    <li>
                        <a href="#">帮助</a>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <a href="/logout" >退出</a>
                    </li>
                </ul>
            </div>
        </div>            </footer>
    #else
    <footer style="min-height: inherit;" class="footer hidden-xs no-padder text-center-nav-xs">
        <div class="bg hidden-xs ">
            <div class="dropdown dropup wrapper-sm clearfix">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      <span class="thumb-sm avatar pull-left m-l-xs">
                        <img src="/static/images/defaultUser.png" class="dker" alt="...">
                        <i class="on b-black"></i>
                      </span>
                </a>
                <ul class="dropdown-menu animated fadeInRight aside text-left">
                    <li>
                        <span class="arrow bottom hidden-nav-xs"></span>
                        <a href="/signin">登录</a>
                    </li>
                    <li>
                        <a href="/signup">注册</a>
                    </li>

                </ul>
            </div>
        </div>            </footer>
    #end
</section>